<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/vue/3.2.36/vue.global.min.js"></script>
</head>

<body>
<div id="hello-vue" class="demo">
  <yf></yf>
  <br>
  <ff></ff>
  <br>
  <yy></yy>
</div>

<script>

var YYT = {
  template:'<h2>YY</h2>'
}
const app =  Vue.createApp({
  components:{
    'ff':{template:'<h1>ff</h1>'},
    'yy':YYT,
  }
})

app.component('yf',{
  data(){
    return {
      count:0
    }
  },
  template:`
    <button @click="count++">
      click:{{count}}
    </button>
  `
  
  })
  
app.mount('#hello-vue')


</script>
</body>
</html>
